<template>
  <el-carousel class="carousel" height="800px">
    <el-carousel-item v-for="item in list" :name='item.id + ""' :key="item.id">
      <index-carousel-item :data="item" :direction="item.direction" :back-image="item.backImage"
          :title="item.title" :image="item.image" :link-good-id="item.linkGoodId" :link-good="item.linkGood"
          :goods="item.goods" :good-flag="false"/>
    </el-carousel-item>
  </el-carousel>
</template>

<script>
import IndexCarouselItem from '@pages/page/part/pageIndexCarousel/IndexCarouselItem'
export default {
  name: 'PageCarouselReview',
  components: { IndexCarouselItem },
  props: {
    list: {
      required: false,
      type: Array,
      default: () => { return [] }
    }
  },
  data: () => {
    return {
    }
  }
}
</script>

<style lang='scss' scoped>

  .carousel{
    width: 100%;
    user-select: none;
  }

</style>
